
<!DOCTYPE html>
<html lang="h-cmn-Hans">

	<head>
		<meta charset='utf-8' lang="h-cmn-Hans">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>订单详情</title>
		<meta name="keywords" content="订单详情" />
		<meta name="distribution" content="订单详情" />
		<link rel="shortcut icon" href="images/logo.ico" type="image/x-icon">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-touch-fullscreen" content="yes" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="msapplication-tap-highlight" content="no" />
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1" />
		<link rel="stylesheet" type="text/css" href="css/nomal.css" />
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />

		<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
		<link rel="stylesheet" href="css/daigouDetail.css?v=090">
		<script src="js/fastclick.min.js"></script>
		<style>

			.content-rel-biaoqian {
				margin-right: 4px;
				margin-bottom: 4px;
			}
			
			#zhongjiangBanner img {
				width: 100%;
				height: 100%;
			}
			
			.top-middle-title {
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: -moz-flex;
				display: flex;
				justify-content: center;
				color: #686667;
			}
			
			.detaiImg {
				width: 4vw;
				height: 4vw;
				margin-top: 1vw;
				margin-left: 0.6vw;
			}
			
			.result {
				border: 1px solid #e5e5e5;
				margin-top: 5px;
				margin-left: 0.30rem;
				margin-right: 0.30rem;
				border-radius: 1vw;
			}
			
			.result .result-title {
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: -moz-flex;
				display: flex;
				align-items: center;
				background: #fff;
				border-bottom: 1px solid #e5e5e5;
			}
			
			.ldd-container .result .result-title>li {
				height: 10vw;
				text-align: center;
				font-size: 4vw;
			}
			
			.result .result-title .needBorder {
				border-right: 1px solid #e5e5e5;
			}
			
			.result .resultMain {
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: -moz-flex;
				display: flex;
				color: #656464;
				font-size: 13px;
				background: #ffffff;
				border-bottom: 1px solid #e8e6e6;
			}
			
			.result .resultMain li {
				text-align: center;
				padding: 3px 0;
			}
			
			.result .conten-border {
				border-right: 1px solid #e8e6e6;
			}
			
			.footballContent li:nth-child(1) {
				display: flex;
				width: 11%;
			}
			
			.footballContent li:nth-child(2) {
				display: flex;
				width: 20.5%;
			}
			
			.footballContent li:nth-child(3) {
				display: flex;
				width: 26.5%;
				padding: 0;
				flex-direction: column;
			}
			
			.footballContent li:nth-child(4) {
				display: flex;
				width: 26.5%;
				padding: 0;
				flex-direction: column;
			}
			
			.footballContent li:nth-child(5) {
				display: flex;
				width: 15.5%;
				flex-direction: column;
			}
			
			.footballContent li:last-child {
				border: none !important;
			}
			/*猜冠军*/
			
			.footballContent li.winner:nth-child(1) {
				width: 20%;
			}
			
			.footballContent li.winner:nth-child(2) {
				width: 26%;
			}
			
			.footballContent li.winner:nth-child(3) {
				width: 34%;
				flex-direction: column;
			}
			
			.footballContent li.winner:nth-child(4) {
				width: 26%;
				flex-direction: column;
			}
			
			.footballContent li:last-child {
				border: none !important;
			}
			
			.special-xunhuan {
				padding: 0!important;
			}
			
			.footballContent p {
				border-bottom: 1px solid #e5e5e5;
				width: 100%;
				padding: 6px 0 6px 0;
				white-space: nowrap;
				overflow-x: scroll;
			}
			
			.footballContent p:last-child {
				border-bottom: none;
			}
			
			.result li {
				align-items: center;
				justify-content: center;
			}
			
			.result ul:last-child {
				border-bottom: none;
			}
			
			.footballTz span {
				display: inline-block;
				margin-right: 0.30rem;
			}
			
			.footballTz span:last-child {
				margin-right: 0;
			}
			/*数字彩票字体大小*/
			
			.touzhuNeirong>li>span:first-child {
				font-size: 13px !important;
			}
			
			#judge-winner-container li {
				align-items: center!important;
				display: -webkit-flex!important;
				display: flex!important;
			}
			
			#howMuch,
			#price,
			#status {
				font-size: 18px;
				color: #333;
			}
			
			#zj {
				display: none;
				width: 15vw;
				height: 15vw;
				float: right;
			}
			.icscr{
				display: none;
			}
		</style>
	</head>

	<body style="display: none;">
		<div class="ldd-container" style="display:none">
			<div class="top" id="bh1">
				<div class="f1" style="margin-bottom:0.2666rem">
					<span class="logo">
						<img src="images/logo.png" alt="" id="logoImage" style="width: 14vw;height: 14vw;">
					</span>
					<ul class="f1-right" style="position:relative">
						<li class="right1 "><span class="cpInner" style="line-height: 10vw;"></span>
							<span style="display: inline-block;position:absolute;right:7vw;top:1vw;font-size:0.37rem" id="ddStatus"></span>
							<img src="images/order_ic_zj@2x.png" id="zj" />
						</li>
						<li style="color:#999999;position: relative;top: -3vw;"><span class="cpInner"></span> <span class="cpQishu"></span></li>
					</ul>
				</div>
				<div class="top-middle clearFloat">
					<div class="top-middle-content middle-border">
						<p><span id="howMuch"></span></p>
						<p class="top-middle-title">投注额
<!--
<img src="images/order_ic_qudou@2x@2x.png" class="detaiImg" />
-->
</p>
					</div>
					<div class="top-middle-content middle-border">
						<p><span id="price">--</span></p>
						<p class="top-middle-title">中奖额
<!--
<img src="images/order_ic_qudou@2x@2x.png" class="detaiImg" />
--></p>
					</div>
					<div class="top-middle-content">
						<p id="status">
							<!--待开奖-->
						</p>
						<p class="top-middle-title">订单状态</p>
					</div>
				</div>
			</div>
			<div class="container-middle" id="bh2">
				<div class="container-middle-title maybeNoborder">
					<span class="red-line"></span>
					<span style="position: relative;bottom:0.07rem;margin-left:0.1rem;font-size: 0.45rem;color: #000;font-weight: 400;">投注内容</span>
				</div>
				<!--数字彩票的内容-->
				<ul class="contain-middle-content touzhuNeirong" style="font-size: 15px;" id="numLottery">
					<li class="content-rel needFlex" id="kaijiangNum" style="display: flex;justify-content: space-between"><span class="content-rel-title"
						 style="display: inline-block;width:2.2rem;margin-right:0">开奖号码</span><span class="needFlex" style="width:7.8rem;flex-wrap: wrap"><span
							 style="color:#d60000" id="redContent"></span><span id="blueContent" style="color:#0570dd"></span></span>
					</li>
					<li class="content-rel touzhuxinxi needFlex" style="display: flex;justify-content: space-between"><span class="content-rel-title"
						 style="display: inline-block;width:2.2rem;margin-right:0">投注信息</span>
						<span style="display: inline-block;width:7.8rem;">
							<span class="content-rel-biaoqian" id="touzhuxinxi"></span><span class="content-rel-biaoqian" id="touzhushuliang"></span>
						</span>
					</li>
				</ul>
				<!--足球彩票-->
				<div style="display: none" id="footballLottery">
					<ul class="contain-middle-content touzhuNeirong" style="font-size: 0.406666rem;margin-bottom: 4vw;">
						<div class="result" style="position: relative;">
							<ul class="result-title needFlex footballContent" id="relContent" style="background:#fff;">
								<li class="needBorder needFlex">场次</li>
								<li class="needBorder needFlex">主客队</li>
								<li class="needBorder needFlex">玩法</li>
								<li class="needBorder needFlex">投注内容</li>
								<li class="needFlex">赛果</li>
							</ul>
							<div id="judge-winner-container" style="display: none">
								<ul class="result-title needFlex footballContent" id="judgeWinner">
									<li class="needBorder needFlex winner">玩法</li>
									<li class="needBorder needFlex winner">投注时间</li>
									<li class="needBorder needFlex winner">投注内容</li>
									<li class="needBorder needFlex winner">赛果</li>
								</ul>
								<ul class="result-title needFlex footballContent" id="judge-winner-content">
									<li class="needBorder needFlex winner">猜冠军</li>
									<li class="needBorder needFlex winner"></li>
									<li class="needBorder needFlex winner special-xunhuan">

									</li>
									<li class="needBorder needFlex winner">待开奖/赛果</li>
								</ul>
							</div>
							<img src="td/img/ic_secret@2x.png" alt="" style="position: absolute;width: 10vw;top: 19.8vw;left: 32vw;height: 10vw;display: none;" class="icscr">

						</div>
						<!-- <img src="td/img/ic_secret@2x.png" alt="" style="position: absolute;width: 10vw;top: 70.8vw;left: 34vw;height: 10vw;" class="icscr"> -->
						<li class="content-rel touzhuxinxi1 needFlex" style="display: flex;padding-left:3.7%;color: #d60000;padding-right:0.3rem;"><span
							 class="content-rel-title" style="display: inline-block;margin-right:0;width:2.4rem;">预测奖金</span>
							<span style="display: inline-block;align-items: center;width:7.8rem;color: #333;font-size: 0.4rem;" class="needFlex footballTz1">

							</span></li>
						<li class="content-rel touzhuxinxi needFlex" style="display: flex;padding-left:3.7%;padding-right:0.3rem;align-items: baseline;justify-content: space-between;"><span
							 class="content-rel-title" style="display: inline-block;margin-right:0;width:2.4rem;">投注信息</span>
							<span style="display: inline-block;align-items: center;width:7.8rem" class="needFlex footballTz">
							</span></li>
					</ul>
					<!-- <div style="width: 10rem;height: 0.266rem;background-color: #efeff4;"></div> -->
					<div class='gd-container'>
						<div class='gd-container-cp'>
							<div class='container-title'><span class="line-left"></span>跟单信息</div>
						</div>
						<div class='bsyj'>中奖奖金收益低于20%不收佣金</div>
					</div>
				</div>
				<div id="bhTime">
					<div style="width:100%;height:10px;background:#fff"></div>
					<!--分割-->
					<ul class="container-bottom-content">
						<li class="container-bottom-rel">
							下单时间:&nbsp;&nbsp;<span id="orderTime3"></span></li>
						<li class="container-bottom-rel needFlex">
					</ul>
				</div>
			</div>
			<div id="bh3" style="display: none">
				<div style="width:100%;height:10px;background:#fff"></div>
				<div class="container-middle">
					<div class="xq" style="width:100%;padding:0 4% 0 4%;height:4.266666rem" id="bannerWeizhong">
						<img src="" alt="" style="width:100%;height:100%;">
					</div>
					<ul class="container-bottom-content">
						<li class="container-bottom-rel">
							下单时间:&nbsp;&nbsp;<span id="orderTime2"></span></li>
						<li class="container-bottom-rel needFlex">
					</ul>
				</div>
			</div>
			<!--代购详情中奖-->
			<div style="display: none" id="bh4">
				<div class="container-middle zjjeNeedHide" style="padding-bottom:16px">
					<div class="container-middle-title">
						<span class="red-line"></span>
						<span style="position: relative;bottom:0.07rem;margin-left:0.3rem">中奖详情</span>
					</div>
					<div class="zhongjiang-xq clearFloat">
						<div class="zhongjiang-xq-content">
							<p class="zhongjiang-title">税前奖金</p>
							<p class="zhongjiang-num shuiqianNum"></p>
						</div>
						<div class="zhongjiang-xq-content">
							<p class="zhongjiang-title">税后奖金</p>
							<p class="zhongjiang-num shuihouNum"></p>
						</div>
					</div>
				</div>

				<!--代购详情中奖-我的彩票-->

				<div style="width:100%;height:10px;background:#fff"></div>
				<div class="container-middle">
					<div class="xq swiper-container" style="width:100%;padding:0 4% 0 4%;height:4.266666rem" id="zhongjiangbannerContainer">
						<div class="swiper-wrapper" id="zhongjiangBanner">
						</div>
					</div>
					<ul class="container-bottom-content">
						<li class="container-bottom-rel">
							下单时间:&nbsp;&nbsp;<span id="orderTime1"></span></li>
						<li class="container-bottom-rel needFlex">
					</ul>
				</div>
			</div>

			<!--二维码-->
<!--
		<div style="    height: 23.5vw;    padding-top: 2vw;">
				<img src="images/order_img1.jpg" alt="" style="width: 100vw;position: absolute;">
				<img src="" alt="" style="width: 14vw;position: relative;top: 5vw;left: 55.8vw;height: 14vw;" id="bg-img">
			</div>
-->
			<div class="statuekz">
				<div style="display: flex;">
					<div class="pay-btn" style="display: none;width:50%;left:50%">立即下单</div>
					<div class="pay-btn" data-tar="quxiao" style="display: none;width:50%;left:0;bottom:0px;background:grey">取消订单</div>
				</div>
			</div>

			<!-- <div style="width:100%;height:60px;background:#F5F5F5"></div> -->
		</div>
		<script src="js/myVariable.js"></script>
		<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
		<script type="text/javascript" src="js/mui.min.js"></script>
		<script src="js/daigouDetail.js?v=11132"></script>
	</body>

</html>
